<template>
  <div>
    <ProspectusNav :step="1" />
    <div class="step2-container">
      <div class="row">
        <div class="col-label">楼栋</div>
        <div class="col-control">
          <select placeholder="请选择">
            <option value="1">一栋</option>
          </select>
        </div>
        <div class="col-label">单元</div>
        <div class="col-control">
          <select placeholder="请选择">
            <option value="1">一单元</option>
          </select>
        </div>
      </div>
      <div class="row">
        <div class="col-label">楼层</div>
        <div class="col-control">
          <select placeholder="请选择">
            <option value="1">1楼</option>
          </select>
        </div>
        <div class="col-label">房号</div>
        <div class="col-control">
          <select placeholder="请选择">
            <option value="1">1001</option>
          </select>
        </div>
      </div>
      <div class="row">
        <div class="col-label large grey">房屋面积：</div>
        <div class="col-control blue">88.2㎡</div>
      </div>
      <div class="row">
        <div class="col-label large grey">单价：</div>
        <div class="col-control blue">12012元/㎡</div>
      </div>
      <div class="row">
        <div class="col-label large grey">总价：</div>
        <div class="col-control blue">1059458.4元</div>
      </div>
      <div class="row center">
        <div class="col-control">
          <button class="large" @click="next">下一步</button>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import ProspectusNav from "./components/ProspectusNav";
export default {
  components: { ProspectusNav },
  props: {
    id: [Number, String]
  },
  methods: {
    next() {
      this.$router.push({ name: "step3" });
    }
  }
};
</script>
<style lang="stylus">
.step2-container {
  margin: 0;
  padding: 0;
  height: calc(100vh - 358px);
  padding: 143px 0;
  box-sizing: border-box;
  overflow: auto;
}
</style>